<%@page import="pl.peterjack.model.dane.Produkt"%>
<%@page import="pl.peterjack.model.dane.Klient"%>
<%@page import="java.util.List"%>
<%@page import="pl.peterjack.model.Stale"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div id="generowanieFakturPanel" jsId="generowanieFakturPanel" dojoType="dijit.layout.ContentPane" region="center" class="zawartoscPanela" >
            		

					<div class="pelnyForm">
						<fieldset>
                			<div class="czesc_form">
                			<form method="post" action="/main.html?page=generujFaktury"  enctype="multipart/form-data">
                			<input type="hidden" name="MAX_FILE_SIZE" value="3000000" />
                			
						      <label for="gPlik">Plik CSV: </label>
							  <input type="file" name="plikCSV">
							  <input type="hidden" name="wysylany_plik_csv" value="1" />
							  <input type="submit" value="Pobierz" label="Pobierz" id="submitButton" dojoType="dijit.form.Button" />
							  
							  </form>
							  					      
						    </div>
						    
						    <div class="czesc_form">
						      <label for="gZawartosc">Zawartość pliku: </label>
						      <textarea id="gZawartosc" name="zawartoscCSV" dojoType="dijit.form.SimpleTextarea" style="width:100%;"><%= request.getAttribute(Stale.ATRYBUT_ZAWARTOSC_CSV) %></textarea>
						    </div>
						    
					    </fieldset>
					</div>
<form action="/generujFaktury" id="generujFakturyForm">

		
					<div class="przyciskiLewo polowkaForm"> 
						<fieldset>
						<legend>Połączenia: </legend>
                			<div class="czesc_form">
						      <label for="gNazwaKlienta">Nazwa Klienta: </label>
							  <select dojoType="dijit.form.FilteringSelect"  name="klient" id="gNazwaKlienta" >
							  	<option value="" >Brak połączenia</option>
							  	<option value="1">1 kolumna</option>
							  	<option value="2">2 kolumna</option>
							  	<option value="3">3 kolumna</option>
							  	<option value="4">4 kolumna</option>
							  	<option value="5">5 kolumna</option>
							  	<option value="6">6 kolumna</option>
							  	<option value="7">7 kolumna</option>
							  	<option value="8">8 kolumna</option>
							  	<option value="9">9 kolumna</option>
							  	<option value="10">10 kolumna</option>
							  	<option value="11">11 kolumna</option>
							  	<option value="12">12 kolumna</option>
							  	<option value="13">13 kolumna</option>
							  	<option value="14">14 kolumna</option>
							  	<option value="15">15 kolumna</option>
							  </select>						      
						    </div>
                			<div class="czesc_form">
						      <label for="gImie">Imię: </label>
							  <select dojoType="dijit.form.FilteringSelect" name="klient" id="gImie">
							  	<option value="" >Brak połączenia</option>
							  	<option value="1">1 kolumna</option>
							  	<option value="2">2 kolumna</option>
							  	<option value="3">3 kolumna</option>
							  	<option value="4">4 kolumna</option>
							  	<option value="5">5 kolumna</option>
							  	<option value="6">6 kolumna</option>
							  	<option value="7">7 kolumna</option>
							  	<option value="8">8 kolumna</option>
							  	<option value="9">9 kolumna</option>
							  	<option value="10">10 kolumna</option>
							  	<option value="11">11 kolumna</option>
							  	<option value="12">12 kolumna</option>
							  	<option value="13">13 kolumna</option>
							  	<option value="14">14 kolumna</option>
							  	<option value="15">15 kolumna</option>
							  </select>
						    </div>
                			<div class="czesc_form">
						      <label for="gNazwisko">Nazwisko: </label>
							  <select dojoType="dijit.form.FilteringSelect" name="klient" id="gNazwisko">
							  	<option value="" >Brak połączenia</option>
							  	<option value="1">1 kolumna</option>
							  	<option value="2">2 kolumna</option>
							  	<option value="3">3 kolumna</option>
							  	<option value="4">4 kolumna</option>
							  	<option value="5">5 kolumna</option>
							  	<option value="6">6 kolumna</option>
							  	<option value="7">7 kolumna</option>
							  	<option value="8">8 kolumna</option>
							  	<option value="9">9 kolumna</option>
							  	<option value="10">10 kolumna</option>
							  	<option value="11">11 kolumna</option>
							  	<option value="12">12 kolumna</option>
							  	<option value="13">13 kolumna</option>
							  	<option value="14">14 kolumna</option>
							  	<option value="15">15 kolumna</option>
							  </select>						      
						    </div>
                			<div class="czesc_form">
						      <label for="gAdres">Adres: </label>
							  <select dojoType="dijit.form.FilteringSelect" name="klient" id="gAdres">
							  	<option value="" >Brak połączenia</option>
							  	<option value="1">1 kolumna</option>
							  	<option value="2">2 kolumna</option>
							  	<option value="3">3 kolumna</option>
							  	<option value="4">4 kolumna</option>
							  	<option value="5">5 kolumna</option>
							  	<option value="6">6 kolumna</option>
							  	<option value="7">7 kolumna</option>
							  	<option value="8">8 kolumna</option>
							  	<option value="9">9 kolumna</option>
							  	<option value="10">10 kolumna</option>
							  	<option value="11">11 kolumna</option>
							  	<option value="12">12 kolumna</option>
							  	<option value="13">13 kolumna</option>
							  	<option value="14">14 kolumna</option>
							  	<option value="15">15 kolumna</option>
							  </select>						      
						    </div>
                			<div class="czesc_form">
						      <label for="gMiejscowosc">Miejscowość: </label>
							  <select dojoType="dijit.form.FilteringSelect" name="klient" id="gMiejscowosc">
							  	<option value="" >Brak połączenia</option>
							  	<option value="1">1 kolumna</option>
							  	<option value="2">2 kolumna</option>
							  	<option value="3">3 kolumna</option>
							  	<option value="4">4 kolumna</option>
							  	<option value="5">5 kolumna</option>
							  	<option value="6">6 kolumna</option>
							  	<option value="7">7 kolumna</option>
							  	<option value="8">8 kolumna</option>
							  	<option value="9">9 kolumna</option>
							  	<option value="10">10 kolumna</option>
							  	<option value="11">11 kolumna</option>
							  	<option value="12">12 kolumna</option>
							  	<option value="13">13 kolumna</option>
							  	<option value="14">14 kolumna</option>
							  	<option value="15">15 kolumna</option>
							  </select>						      
						    </div>
					    </fieldset>
					</div><div class="przyciskiPrawo polowkaForm"> 
						<fieldset>
						<legend>Połączenia: </legend>
                			<div class="czesc_form">
						      <label for="gKodPocztowy">Kod pocztowy: </label>
							  <div dojoType="dojo.data.ItemFileReadStore" jsId="klienciStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
							  <select dojoType="dijit.form.FilteringSelect" name="klient" id="gKodPocztowy">
							  	<option value="" >Brak połączenia</option>
							  	<option value="1">1 kolumna</option>
							  	<option value="2">2 kolumna</option>
							  	<option value="3">3 kolumna</option>
							  	<option value="4">4 kolumna</option>
							  	<option value="5">5 kolumna</option>
							  	<option value="6">6 kolumna</option>
							  	<option value="7">7 kolumna</option>
							  	<option value="8">8 kolumna</option>
							  	<option value="9">9 kolumna</option>
							  	<option value="10">10 kolumna</option>
							  	<option value="11">11 kolumna</option>
							  	<option value="12">12 kolumna</option>
							  	<option value="13">13 kolumna</option>
							  	<option value="14">14 kolumna</option>
							  	<option value="15">15 kolumna</option>
							  </select>						      
						    </div>
                			<div class="czesc_form">
						      <label for="gProduktNazwa">Produkt nazwa: </label>
							  <div dojoType="dojo.data.ItemFileReadStore" jsId="klienciStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
							  <select dojoType="dijit.form.FilteringSelect" name="klient" id="gProduktNazwa">
							  	<option value="" >Brak połączenia</option>
							  	<option value="1">1 kolumna</option>
							  	<option value="2">2 kolumna</option>
							  	<option value="3">3 kolumna</option>
							  	<option value="4">4 kolumna</option>
							  	<option value="5">5 kolumna</option>
							  	<option value="6">6 kolumna</option>
							  	<option value="7">7 kolumna</option>
							  	<option value="8">8 kolumna</option>
							  	<option value="9">9 kolumna</option>
							  	<option value="10">10 kolumna</option>
							  	<option value="11">11 kolumna</option>
							  	<option value="12">12 kolumna</option>
							  	<option value="13">13 kolumna</option>
							  	<option value="14">14 kolumna</option>
							  	<option value="15">15 kolumna</option>
							  </select>						      
						    </div>
                			<div class="czesc_form">
						      <label for="gProduktCena">Produkt cena: </label>
							  <div dojoType="dojo.data.ItemFileReadStore" jsId="klienciStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
							  <select dojoType="dijit.form.FilteringSelect" name="klient" id="gProduktCena">
							  	<option value="" >Brak połączenia</option>
							  	<option value="1">1 kolumna</option>
							  	<option value="2">2 kolumna</option>
							  	<option value="3">3 kolumna</option>
							  	<option value="4">4 kolumna</option>
							  	<option value="5">5 kolumna</option>
							  	<option value="6">6 kolumna</option>
							  	<option value="7">7 kolumna</option>
							  	<option value="8">8 kolumna</option>
							  	<option value="9">9 kolumna</option>
							  	<option value="10">10 kolumna</option>
							  	<option value="11">11 kolumna</option>
							  	<option value="12">12 kolumna</option>
							  	<option value="13">13 kolumna</option>
							  	<option value="14">14 kolumna</option>
							  	<option value="15">15 kolumna</option>
							  </select>
						    </div>
                			<div class="czesc_form">
						      <label for="gDataSprzedazy">Data sprzedaży: </label>
							  <select dojoType="dijit.form.FilteringSelect" name="klient" id="gDataSprzedazy">
							  	<option value="" >Brak połączenia</option>
							  	<option value="1">1 kolumna</option>
							  	<option value="2">2 kolumna</option>
							  	<option value="3">3 kolumna</option>
							  	<option value="4">4 kolumna</option>
							  	<option value="5">5 kolumna</option>
							  	<option value="6">6 kolumna</option>
							  	<option value="7">7 kolumna</option>
							  	<option value="8">8 kolumna</option>
							  	<option value="9">9 kolumna</option>
							  	<option value="10">10 kolumna</option>
							  	<option value="11">11 kolumna</option>
							  	<option value="12">12 kolumna</option>
							  	<option value="13">13 kolumna</option>
							  	<option value="14">14 kolumna</option>
							  	<option value="15">15 kolumna</option>
							  </select>						      
						    </div>
                			<div class="czesc_form">
						      <label for="gDataWyst">Data wyst:</label>
							  <div dojoType="dojo.data.ItemFileReadStore" jsId="klienciStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
							  <input type="text" id="gDataWyst" value="2005-12-30" dojoType="dijit.form.DateTextBox" required="true" />						      
						    </div>
					    </fieldset>
					</div>
					
					
					
					<div class="pelnyForm">
						<input id="separator" dojoType="dijit.form.TextBox" 
						       type="text" name="separator" autocomplete="off" value=";" />
						       
						    	
						    	
						<button dojoType="dijit.form.Button" id="btn">Generuj polaczenia
							<script type="dojo/method" event="onClick">
             				  var zawartosc = dijit.byId('gZawartosc').value;
							  if(zawartosc!="" && zawartosc.length>5) {
							  	var generowanaZawartosc = ""; 
							  	var tabelaCSV = CSVToArray( zawartosc, ';' );
							  	for(var i = 0; i < tabelaCSV.length; i++) {

							  		var linia = tabelaCSV[i];
									console.log('=========================================='); 
									console.log(linia);
									console.log(dijit.byId('gNazwaKlienta').value); 
									console.log(linia[dijit.byId('gNazwaKlienta').value-1]);
									console.log('==========================================');
									generowanaZawartosc += "<div id='poleFaktura" + i + "'><div class='przyciskiLewo polowkaForm'>";
									generowanaZawartosc += "<fieldset>"; 
									generowanaZawartosc += "<legend>Faktura: " + (i+1) + " </legend>";
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<select dojoType="dijit.form.FilteringSelect" name="obecnyKlient' + i + '" >';
							  		generowanaZawartosc += '<option value="0" >Nowy klient</option>';
							  		<% for(Klient k:(List<Klient>)request.getAttribute(Stale.ATRYBUT_KLIENCI_LISTA)) { %>
									generowanaZawartosc += '<option value="<%= k.getId() %>"><%= k.getNazwa() %></option>';
							  		<% } %>
									generowanaZawartosc += '</select>'; 
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">';
									generowanaZawartosc += '<select dojoType="dijit.form.FilteringSelect" name="obecnyProdukt' + i + '" >';
									generowanaZawartosc += '<option value="-1" >Brak produktu</option>';
							  		generowanaZawartosc += '<option value="0" selected="selected" >Nowy produkt</option>';
							  		<% for(Produkt p:(List<Produkt>)request.getAttribute(Stale.ATRYBUT_PRODUKT_LISTA)) { %>
									generowanaZawartosc += '<option value="<%= p.getId() %>"><%= p.getNazwa() %></option>';
							  		<% } %> 
									generowanaZawartosc += '</select>';  
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<label for="gNazwaKlienta1">Nazwa Klienta: </label>'; 
									generowanaZawartosc += '<input type="text" value="';
									generowanaZawartosc += clearUndefined(linia[dijit.byId('gNazwaKlienta').value-1]);
									generowanaZawartosc += '" dojoType="dijit.form.TextBox" trim="true"  name="wygNazwaKlienta' + i + '" propercase="true"/>';						      
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<label for="gNazwaKlienta1">Imię: </label>'; 
									generowanaZawartosc += '<input type="text" value="';
									generowanaZawartosc += clearUndefined(linia[dijit.byId('gImie').value-1]);
									generowanaZawartosc += '" dojoType="dijit.form.TextBox" trim="true"  name="wygImie' + i + '" propercase="true"/>';						      
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<label for="gNazwaKlienta1">Nazwisko: </label>'; 
									generowanaZawartosc += '<input type="text" value="';
									generowanaZawartosc += clearUndefined(linia[dijit.byId('gNazwisko').value-1]);
									generowanaZawartosc += '" dojoType="dijit.form.TextBox" trim="true"  name="wygNazwisko' + i + '" propercase="true"/>';						      
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<label for="gNazwaKlienta1">Adres: </label>'; 
									generowanaZawartosc += '<input type="text" value="';
									generowanaZawartosc += clearUndefined(linia[dijit.byId('gAdres').value-1]);
									generowanaZawartosc += '" dojoType="dijit.form.TextBox" trim="true"  name="wygAdres' + i + '" propercase="true"/>';						      
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<label for="gNazwaKlienta1">Miejscowość:</label>'; 
									generowanaZawartosc += '<input type="text" value="';
									generowanaZawartosc += clearUndefined(linia[dijit.byId('gMiejscowosc').value-1]);
									generowanaZawartosc += '" dojoType="dijit.form.TextBox" trim="true"  name="wygMiejscowosc' + i + '" propercase="true"/>';						      
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<label for="gNazwaKlienta1">Kod pocztowy: </label>'; 
									generowanaZawartosc += '<input type="text" value="';
									generowanaZawartosc += clearUndefined(linia[dijit.byId('gKodPocztowy').value-1]);
									generowanaZawartosc += '" dojoType="dijit.form.TextBox" trim="true" name="wygKodPocztowy' + i + '" propercase="true"/>';						      
									generowanaZawartosc += '</div>';
									generowanaZawartosc += "</fieldset></div> \n";
									generowanaZawartosc += "<div class='przyciskiPrawo polowkaForm'>";
									generowanaZawartosc += "<fieldset>";
									generowanaZawartosc += "<legend>Faktura: " + (i+1) + " </legend>";
									generowanaZawartosc += '<div class="czesc_form">';
							    	generowanaZawartosc += '<button dojoType="dijit.form.Button" type="button" onclick="dojo.byId(\'poleFaktura' + i + '\').innerHTML = \'\'; ">Usuń fakturę</button>';
									generowanaZawartosc += '</div>'; 
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<label for="gNazwaKlienta1">Produkt nazwa: </label>'; 
									generowanaZawartosc += '<input type="text" value="';
									generowanaZawartosc += clearUndefined(linia[dijit.byId('gProduktNazwa').value-1]);
									generowanaZawartosc += '" dojoType="dijit.form.TextBox" trim="true"  name="wygProduktNazwa' + i + '" propercase="true"/>';						      
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<label for="gNazwaKlienta1">Produkt ilość: </label>'; 
									generowanaZawartosc += '<input type="text" value="1" dojoType="dijit.form.TextBox" trim="true"  name="wygProduktIlosc' + i + '" propercase="true"/>';						      
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<label for="gNazwaKlienta1">Produkt cena:  </label>'; 
									generowanaZawartosc += '<input type="text" value="';
									generowanaZawartosc += clearUndefined(linia[dijit.byId('gProduktCena').value-1]);
									generowanaZawartosc += '" dojoType="dijit.form.TextBox" trim="true"  name="wygProduktCena' + i + '" propercase="true"/>';						      
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">';
							        generowanaZawartosc += '<label for="gDataWyst1">Vat: </label>';
								    generowanaZawartosc += '<input type="text" value="23" dojoType="dijit.form.TextBox" trim="true"  name="vat' + i + '" propercase="true"/>%'; 						      
							    	generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">';
							        generowanaZawartosc += '<label for="gDataWyst1">Data wyst: </label>';
								    generowanaZawartosc += '<input type="text" name="dataWyst' + i + '" value="';
									generowanaZawartosc += clearUndefined(dojo.byId('gDataWyst').value); 
									generowanaZawartosc += '" dojoType="dijit.form.DateTextBox" required="true" />';						      
							    	generowanaZawartosc += '</div>';
									generowanaZawartosc += '<div class="czesc_form">'; 
									generowanaZawartosc += '<label for="gNazwaKlienta1">Data sprzedaży:</label>'; 
									generowanaZawartosc += '<input type="text" value="';
									generowanaZawartosc += clearUndefined(linia[dijit.byId('gDataSprzedazy').value-1]);
									generowanaZawartosc += '" dojoType="dijit.form.TextBox" trim="true"  name="wygDataSprzedazy' + i + '" propercase="true"/>';						      
									generowanaZawartosc += '</div>';
									generowanaZawartosc += '</fieldset></div> <br /></div> <div style="clear:both;width: 100%; "></div>'+" \n";  
							   } 
							   dojo.byId('poszczegolne_faktury').innerHTML = generowanaZawartosc;
							   dojo.parser.parse(dojo.byId('poszczegolne_faktury'));
							 } 
            				</script>
						</button>
					</div>
					
					<!--  Poszczegolne faktury -->
					
					<input type="hidden" name="liczbaFaktur" id="liczbaFaktur" value="0" />
					
					<div id="poszczegolne_faktury"> 
						
						<!-- 
	                			
						    
						</div><div class="przyciskiPrawo polowkaForm"> 
							<fieldset>
							<legend>Faktura: NR/08/2011 </legend>
	                			<div class="czesc_form">
							      <label for="gKodPocztowy1"> </label>
								  <div dojoType="dojo.data.ItemFileReadStore" jsId="klienciStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
								  <input dojoType="dijit.form.FilteringSelect" value="" store="klienciStore" searchAttr="nazwa" name="klient" id="gKodPocztowy1"/>						      
							    </div>
	                			<div class="czesc_form">
							      <label for="gProduktNazwa1"> </label>
								  <div dojoType="dojo.data.ItemFileReadStore" jsId="klienciStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
								  <input dojoType="dijit.form.FilteringSelect" value="" store="klienciStore" searchAttr="nazwa" name="klient" id="gProduktNazwa1"/>						      
							    </div>
	                			<div class="czesc_form">
							      <label for="gProduktCena1"></label>
								  <div dojoType="dojo.data.ItemFileReadStore" jsId="klienciStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
								  <input dojoType="dijit.form.FilteringSelect" value="" store="klienciStore" searchAttr="nazwa" name="klient" id="gProduktCena1"/>
							    </div>
	                			<div class="czesc_form">
							      <label for="gUslugaNazwa1"> </label>
								  <div dojoType="dojo.data.ItemFileReadStore" jsId="klienciStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
								  <input dojoType="dijit.form.FilteringSelect" value="" store="klienciStore" searchAttr="nazwa" name="klient" id="gUslugaNazwa1"/>					      
							    </div>
	                			<div class="czesc_form">
							      <label for="gUslugaCena1"></label>
								  <div dojoType="dojo.data.ItemFileReadStore" jsId="klienciStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
								  <input dojoType="dijit.form.FilteringSelect" value="" store="klienciStore" searchAttr="nazwa" name="klient" id="gUslugaCena1"/>						      
							    </div>
	                			<div class="czesc_form">
							      <label for="gDataWyst1">Data wyst: </label>
								  <div dojoType="dojo.data.ItemFileReadStore" jsId="klienciStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
								  <input type="text" id="gDataWyst1" value="2005-12-30" dojoType="dijit.form.DateTextBox" required="true" />						      
							    </div>
							    <button dojoType="dijit.form.Button" type="button">Usuń fakturę</button>
						    </fieldset>
						</div>
						
						 -->
						
					</div>
					
					<button dojoType="dijit.form.Button" type="submit">Wygeneruj fakturę</button>
					<span id="komunikaty_generuj_faktury"> </span>
					
</form>
									
            	</div>
            	